<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>划价收费</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/shoufei.css" />
	<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/number2Character.js"></script>
	<script type="text/javascript" src="js/pricingMain.js"></script>
</head>

<body>
	<ul id="daohang">
		<li id="li1">
			门诊挂号管理
			<div>
				<p>挂号</p>
				<p>退号</p>
			</div>
		</li>
		<span>|</span>
		<li id="li2">
			门诊收费管理

			<div>
				<p>划价收费</p>
				<p>门诊退费</p>
			</div>
		</li>
		<span>|</span>
		<li>
			住院登记管理
		</li>
		<span>|</span>
		<li>
			住院费用管理
		</li>
		<span>|</span>
		<li>
			医院字典设定
		</li>
		<span>|</span>
		<li>
			个人设置
		</li>
	</ul>

	<form action="#" method="post">

		<div id="guahao">
			<div id="guahaodaohang">
				<div id="dfapiao">
					<span class="fapiao" style="margin-left: 5px;">门诊普通发票</span>
					<input type="text" id="fapiao" name="pay_ino" class="check_required" />
					<span class="fapiao refresh_ino">更新发票号</span>
				</div>
				<div id="guahaodaohangr">
					<span class="glyphicon glyphicon-print"></span><span>发票重打</span>
					<span class="glyphicon glyphicon-print"></span><span>发票补打</span>
					<span class="glyphicon glyphicon-ok-circle"></span><span class="pay_btn">收费结算</span>
					<span class="glyphicon glyphicon-yen"></span><span class="pricing_btn">划价</span>
					<span class="glyphicon glyphicon-plus"></span><span>增方</span>
					<span class="glyphicon glyphicon-minus"></span><span>删方</span>
					<span class="glyphicon glyphicon-refresh"></span><span class="clear_form">清屏</span>
				</div>
			</div>
			<div id="guahaohaoma">
				<select name="guahaoleixing" style="width: 80px; height: 26px; margin-left: 5px;">
					<option>身份证号</option>
				</select>
				<input type="text" name="pid" class="check_required" />
				<span class="glyphicon glyphicon-credit-card"></span> <span>医保卡读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>农合卡读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>身份证读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>健康卡读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>熙康卡读卡</span>
			</div>

			<div class="row clearfix" id="guahaoxinxi">
				<div class="col-md-7 column">

					<div class="col-md-4 column">
						<span>病历号<input type="text" name="case_no" class="yellow check_required" /></span><br />
						<span>医保诊断<input type="text" name="health_diagnosis" /></span><br />
						<span>开单科室<select name="department" class="yellow check_required">
								<option value="0"></option>
							</select></span><br />

					</div>
					<div class="col-md-4 column">
						<span>姓名<input type="text" name="pname" class="yellow check_required" /></span><br />
						<span>身份证号<input type="text" name="pid" /></span><br />
						<span>开单医生<select name="drname" class="yellow check_required">
								<option value="0"></option>
							</select></span><br />

					</div>
					<div class="col-md-4 column">
						<span>性别
							<select name="sex" class="yellow check_required">
								<option value="0"></option>
								<option value="1">男</option>
								<option value="2">女</option>
							</select>
						</span><br />
						<span>
							结算类别
							<select name="settle_type" class="yellow check_required">
								<option value="0" selected="selected"></option>
								<option value="1">自费</option>
							</select>

						</span><br />
					</div>

				</div>
				<div class="col-md-5 column">

					<div class="col-md-6 column">
						<span>年龄<input name="age" style="width: 134px;margin-left: 50px;" type="text" /><select name="age_unit" style="width: 40px;">
								<option value="1" selected="selected">岁</option>
								<option value="2">月</option>
								<option value="3">天</option>
							</select></span><br />
						<span>医疗证号<input type="text" name="mcard_no" /></span><br />
					</div>
					<div class="col-md-6 column">
						<span>出生日期<input type="date" name="birthday" class="yellow check_required" /></span><br />
						<span>医疗类别<select name="medical_type">
								<option value="0"></option>
								<option value="1">市保</option>
								<option value="2">公务员</option>
							</select></span><br />
					</div>
				</div>
			</div>
		</div>
		<table class="table table-striped" border="1px" bordercolor="#DCDCDC">
			<thead>
				<tr>
					<th colspan="16" id="biaotou">
						<span id="left">收费项目列表</span>
						<span id="right">
							<span class="glyphicon glyphicon-plus"></span><span class="add_drug_btn">增加</span> <!-- data-toggle="modal" data-target="#myModal" -->
							<span class="glyphicon glyphicon-minus" style="margin-left:10px ;"></span><span class="del_drug_btn">删除</span>
						</span>
					</th>

				</tr>

				<tr id="tr1">
					<th>
						<input type="checkbox" name="change_all2" />
					</th>
					<th>
						项目名称
					</th>
					<th>
						规格
					</th>
					<th>
						单价
					</th>
					<th>
						数量
					</th>
					<th>
						单位
					</th>
					<th>
						付数
					</th>
					<th>
						金额
					</th>
					<th>
						执行科室
					</th>

				</tr>
			</thead>
			<tbody class="charging_items"></tbody>
		</table>
		<div id="money">
			<span>合计金额:<input type="text" name="total_txt" value="零元整" readonly /> </span>
			<span>￥:<input type="text" name="total" value="0" readonly /> </span>
		</div>
	</form>

	<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">药品表单</h4>
				</div>
				<div class="modal-body">
					<table class="table table-striped" id="tr2">
						<thead>
							<th><input type='checkbox' name='change_all'/></th>
							<th>项目名称</th>
							<th>规格</th>
							<th>单价</th>
							<th>数量</th>
							<th>单位</th>
						</thead>
						<tbody class="druginfo">
						</tbody>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary put_in" data-dismiss="modal">确定</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>

	<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">划价表单</h4>
				</div>
				<div class="modal-body">
					<table class="table table-striped" id="tr2">
						<thead>
							<th></th>
							<th>划价号</th>
							<th>病历号</th>
							<th>总金额</th>
							<th>状态</th>
							<th>划价时间</th>
						</thead>
						<tbody class="pricing_main_info">
						</tbody>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary put_in2" data-dismiss="modal">确定</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>

	<script>
		$("#daohang li").mouseover(function () {
			$(this).css("cursor", "pointer");
		});
		$("#daohang li").click(function () {
			$("#daohang li").css("color", "black");
			$(this).css("color", "#67A5CA");
		});
		$("#li1").click(function () {
			var dis = $("#li1 div").css("display");
			if (dis == "none") {
				$("#li1 div").css("display", "block");
			} else {
				$("#li1 div").css("display", "none");
			}

		})
		$("#li2").click(function () {
			var dis = $("#li2 div").css("display");
			if (dis == "none") {
				$("#li2 div").css("display", "block");
			} else {
				$("#li2 div").css("display", "none");
			}

		})
		$(".fapiao").css("color", "#1772B0");
		$("#guahaodaohang span").css("line-height", "40px");

		$(".glyphicon").css("color", "#003F74");
		$("#guahaohaoma").css("background-color", "#D9EAF3");
		$("#guahaohaoma").css("border-top", "1px solid white");
		$("input[name=guahaoleixing]").css("margin-left", "10px");
	</script>
</body>

</html>